/* craco.config.js */
// 使用 craco （一个对 create-react-app 进行自定义配置的社区解决方案）。
// 配置less
const CracoLessPlugin = require("craco-less");
// 别名配置
const path = require('path');
module.exports = {
  plugins: [
    {
      // less配置
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          lessOptions: {
            modifyVars: { "@primary-color": "#1DA57A" },
            javascriptEnabled: true
          }
        }
      }
    }
  ],
  // 配置antD的less按需加载
  babel: {
    plugins: [
      ["@babel/plugin-proposal-decorators", { legacy: true }],  //装饰器
      [
        "import",
        {
          "libraryName": "antd",
          "libraryDirectory": "es",
          "style": true //设置为true即是less
        }
      ]
    ]
  },
  webpack: {
    // 别名
    alias: {
      "@": path.resolve("src"),
      // "@utils": path.resolve("src/utils"),
    }
  },
};